<template>
  <div>
    <h1>Movie</h1>
    <h1>我想看的电影名字必须是4-6的长度</h1>
    <ul>
      <li v-for="item in myMovieList" :key="item.tvId">
        {{ item.albumName }}
      </li>
    </ul>
    <h1>我想看的电影名字必须是我传递的长度</h1>
    <ul>
      <li v-for="item in yourMovieList" :key="item.tvId">
        {{ item.albumName }}
      </li>
    </ul>
  </div>
</template>

<script>
import { mapGetters, mapState } from "vuex";
export default {
  name: "Movie",
  computed: {
    ...mapState("count", ["movieList"]),
    ...mapGetters("count", ["myMovieList"]),
    yourMovieList(){
      return this.$store.getters["count/yourMovieList"]({start: 2, end: 4})
    }
  },
};
</script>

<style></style>
